layui.use(['table', 'jquery'], function () {
    let table = layui.table
        , $ = layui.jquery
        , layer = layui.layer
        , form = layui.form;

    //展示表格数据
    table.render({
        elem: '#paper-info'
        , toolbar: true
        , title: '论文信息表'
        , url: '/getPaper'
        , page: true
        , where: {userName: sno, state: "任务书", type: 1}
        , even: true
        , cols: [[ //标题栏
            {field: 'bh', title: '编号', sort: true, hide: true}
            , {field: 'title', title: '课题名称'}
            , {field: 'sname', title: '学生姓名'}
            , {field: 'sno', title: '学生学号'}
            , {
                field: 'tno1', title: '教师姓名',templet: function (res) {
                    return res.title1.tName;
                }
            }
            , {field: 'tno', title: '教师工号'}
            , {field: 'state', title: '论文阶段'}
            , {
                field: 'state1', title: '任务书',align: 'center', templet: function (res) {
                    if (res.task === null || res.task.isPass === '不通过' || res.task.isPass === null) {
                        return '<span class="layui-badge layui-bg-red">未下达</span>'
                    } else if (res.task.isPass === '通过') {
                        return '<span class="layui-badge layui-bg-green">已下达</span>'
                    }
                }
            }
            , {fixed: 'right', title: '课题详情', toolbar: '#title-tool', width: 90}
            , {fixed: 'right', title: '操作', toolbar: '#paper-info-tool', width: 200}
        ]]
        , text: {
            none: '<div class="layui-anim layui-anim-scaleSpring"  style="margin-top: 150px"><i class="layui-icon"  style="color: #009f95;font-size: 150px;border-bottom: #009f95 solid 2px;padding:15px;margin-top: 50px" >&#xe664;</i><br>' +
                '<br><br><br><br><div class="layui-text" style="font-size: 25px;margin-top: 25px;color: #009f95">好像没有没找到数据呢</div></div>'
            ,
            error: '<div style="margin-top: 150px"><i class="layui-icon"  style="color: #009f95;font-size: 150px;border-bottom: #009f95 solid 2px;padding:15px;margin-top: 50px" >&#xe664;</i><br>' +
                '<br><div class="layui-text" style="font-size: 25px;margin-top: 25px;color: #009f95">好像没有出错了呢</div></div>'
        }
    });
    //监听行工具事件
    table.on('tool(paper-info)', function (obj) {
        let data = obj.data;
        if (obj.event === 'taskDetail') {  //查看课题详情
            layer.open({
                type: 1
                , offset: 50
                , shade: [0.3, '#000']
                , shadeClose: true
                , skin: 'layui-layer-rim'
                , area: ['740px', '600px']
                , content: $("#task-detail")
                , title: '学生课题详情内容'
                , success: function (layerObj) {
                    $(".layui-layer-shade").appendTo(layerObj.parent());
                    /*设置回显数据*/
                    setTaskDetail(data);
                }
                , end: function () {
                    $("#task-detail").css("display", 'none');
                }
            });
        } else if (obj.event === 'query') {
            if (data.task.isPass === "通过") {
                layer.open({
                    type: 1
                    , offset: 50
                    , skin: 'layui-layer-rim'
                    , area: ['1040px', '600px']
                    , shade: [0.3, '#000']
                    , shadeClose: true
                    , content: $("#showAssDetail")
                    , title: '任务书详情内容'
                    , success: function (layerObj) {
                        $(".layui-layer-shade").appendTo(layerObj.parent());//解决弹窗点不到屏幕变暗的问题
                        setAssMsg(data);
                    }
                    , end: function () {
                        $("#showAssDetail").css("display", 'none');
                    }
                });
            } else {
                layer.msg("暂未查询到任务书，请耐心等待");
            }
        } else if (obj.event === 'export') {
            if (data.task.isPass === "通过") {
                let fileName = data.sno + data.sname + "的任务书详情"
                setAssMsg(data);
                $("#showAssDetail").wordExport(fileName);
            } else {
                layer.msg("暂未查询到任务书，请耐心等待");
            }
        }
    });

    //设置课题详情
    function setTaskDetail(data) {
        $("#task-tno").html(data.title1.tno);
        $("#task-sno").html(data.sno);
        $("#task-sname").html(data.sname);
        $("#task-from").html(data.title1.from);
        $("#task-id").html(data.title1.xtId);
        $("#task-title").html(data.title);
        $("#task-category").html(data.title1.categoty);
        $("#task-addtime").html(data.title1.addtime);
        $("#task-nature").html(data.title1.nature);
        $("#task-major").html(data.title1.majorName);
        $("#task-tname").html(data.title1.tName);
        $("#task-state").html(data.title1.state);
        $("#task-intr").html(data.title1.intr);
        $("#task-college").html(data.title1.collegeName);
    }

//设置任务书详情
    function setAssMsg(data) {
        //基本信息
        $("#sNO-ass-detail").html(data.sno); //学号
        $("#major-ass-detail").html(data.title1.majorName);//专业
        $("#sName-ass-detail").html(data.sname);//姓名
        $("#title-ass-detail").html(data.title);//论文题目
        $("#table-sName").html(data.sname);//姓名
        //审核意见
        if (data.task.opinion !== null && data.task.opinion !== '') {
            $("#detail-opinion").html(data.task.opinion);//任务书审核意见：
        }
        let id = data.task.taskId;
        let loadPage = layui.layer.load(0, {shade: [0.5, '#fff']});
        $.ajax({
            url: "/getTaskById",
            type: 'post',
            data: {
                id: id
            },
            dataType: 'json',
            success: function (data) {  //调用接口成功
                setAssDetail(data, loadPage);
            },
            error: function () {  //接口错误
                layui.layer.close(loadPage);
                layui.layer.alert('服务器出错啦,请稍后再试！');
            }
        });

    }

    function setAssDetail(data, loadPage) {
        $("#start-end-ass").html(data.starttime).css("color", "black"); //任务书起止日期
        $("#paper-request").html(data.require).css("color", "black");//毕业设计的要求和内容(包括原始数据、技术要求、工作要求)
        $("#paper-sum").html(data.paperNumber).css("color", "black");//毕业设计图纸内容及张数
        $("#paper-entity").html(data.matter).css("color", "black");//毕业设计实物内容及要求
        $("#datum").html(data.datum).css("color", "black");//主要参考资料
        $("#execute-time").html(data.executeTime).css("color", "black");//执行任务书时间
        $("#paper-end-time").html(data.finishTime).css("color", "black");//完成毕业设计时间

        //各阶段进度计划
        if (data.comtent1 !== null && data.comtent1 !== '') {
            $("#stage1").html(data.comtent1).css("color", "black");//各阶段工作内容1
            $("#stage1-time").html(data.comtent1Time).css("color", "black");//起止日期1
        }

        if (data.comtent2 !== null && data.comtent2 !== '') {
            $("#stage2").html(data.comtent2).css("color", "black");//各阶段工作内容1
            $("#stage2-time").html(data.comtent2Time).css("color", "black");//起止日期1
        }

        if (data.comtent3 !== null && data.comtent3 !== '') {
            $("#stage3").html(data.comtent3).css("color", "black");//各阶段工作内容1
            $("#stage3-time").html(data.comtent3Time).css("color", "black");//起止日期1
        }

        if (data.comtent4 !== null && data.comtent4 !== '') {
            $("#stage4").html(data.comtent4).css("color", "black");//各阶段工作内容1
            $("#stage4-time").html(data.comtent4Time).css("color", "black");//起止日期1
        }

        if (data.comtent5 !== null && data.comtent5 !== '') {
            $("#stage5").html(data.comtent4).css("color", "black");//各阶段工作内容1
            $("#stage5-time").html(data.comtent4Time).css("color", "black");//起止日期1
        }
        layui.layer.close(loadPage);
    }


});